<template>
 <div class="container">
   <div class="card-search cardTop">
    <el-tabs v-model="activeName">
      <el-tab-pane :lazy="true" label="一焙工单" name="FBCheckByOrder">
        <FBCheckByOrder/>
      </el-tab-pane>
      <el-tab-pane :lazy="true" label="产品列表" name="FBCheckAll">
        <FBCheckAll/>
      </el-tab-pane>
    </el-tabs>
   </div>
 </div>
</template>

<script>
import FBCheckByOrder from './FBCheckByOrder/index.vue'
import FBCheckAll from './FBCheckAll/index.vue'
export default {
  name: 'FBQuality',
  components: {
    FBCheckByOrder,
    FBCheckAll
  },
  data () {
    return {
      activeName: 'FBCheckByOrder'
    }
  }
}
</script>

<style  scoped>
.container {
  .card-search {
    padding: 0 18px 0px 6px;
     .el-tabs {
      width: 100%;
      .el-tabs__header {
        width: 100%;
      }
    }
  }
}
</style>
